import React, { Component } from 'react';

class Myclschild extends Component {
    state = {
        // age: 20,
        sex: '男'
    }
    render() {
        return (
            <div>
                <p>子组件</p>
            </div>
        );
    };
    static getDerivedStateFromProps(props, state) {
        // 作用: 根据返回的对象来更新自身的state,如果返回为null,则不更新
        // 注意: 当返回的值和自身的state 中的值一致, 则会替换掉自身的值,同时自身的其他属性不变
        // 执行时间: 初始化执行, 
        console.log('getDerivedStateFromProps');
        // return {
        //     age: 30
        // }
        // return null
        if (state.age) {
            // 判断state当前对象是否有age属性,表示有的情况
            return null
        } else {
            // 表示没有的情况
            return {
                age: 30
            }
        }

    }
}

export default Myclschild;
